import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link } from 'react-router';

// import './footer.scss';

class FooterBlock extends React.Component {
  render() {
    return (
      <div className="bm">
        <div className="content bottommenu">
          <div className="toolbar tabbar tabbar-labels">
            <div className="toolbar-inner">
              <a href={`/myauction`} className="tab-link">
                <img src="/img/list-i.png" className="img-responsive menu-icon list-icon"/>
                <span className="tabbar-label">我的拍卖</span>
              </a>
              <Link to="/" className="tab-link">
                <img src="/img/car-i-a.png" className="img-responsive menu-icon car-icon"/>
                <span className="tabbar-label" style={{color : 'red' }}>首页</span>
              </Link>
              <a href="/index.php?g=user&m=accountcenter&a=index" className="tab-link">
                <img src="/img/person-i.png" className="img-responsive menu-icon personal-icon"/>
                <span className="tabbar-label">个人中心</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default FooterBlock
